<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/xiaoyuan.css">
		<script src="js/common.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/index.js"></script>
		<script src="js/xiaoyuan.js"></script>
	</head>
	<body>
		<header>
			<div class="w1070 l">
				<a href=""><img src="images/logo.png" alt="" class="logo"></a>
				<img src="images/home_one.png" alt="" class="one fl" >
				<ul class="fl nav">
					<li class="active"><a href="">优粤门户</a>
						<div class="nav_box">
							<div class="nav_cnt">
								<div><a href="">优视频</a></div>
								<div><a href="">粤文化</a></div>
								<div><a href="">有机会</a></div>
							</div>
						</div>
					</li>
					<li class="active"><a href="">有啊社区</a>
						<div class="nav_box">
							<div class="nav_cnt">
								<div><a href="">优视频</a></div>
								<div><a href="">粤文化</a></div>
								<div><a href="">有机会</a></div>
							</div>
						</div>
					</li>
					<li><a href="">登录</a></li>
					<li><a href="">注册</a></li>
				</ul>
				<div class="fr search_box">
					<a href="javascript:;"class="searchBtn"><img src="images/home_search.png" alt="" class="search fr"></a>
					<div class="inputsearch">
							<input type="text" class="text">
							<input type="button" name="" id="" value=" " class="search_btn"/>
					</div>
				</div>
				
				<div class="clear"></div>
			</div>
		</header>
		<section class="banner">
			<div class="w1070 pos">
				<div class="box5">
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜8</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜1</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜8</p>
					</div>
					<div class="banner_box">
						<img src="images/home_banner.jpg" alt="" class="banner">
						<p>全球电影抢先尝鲜1</p>
					</div>
				</div>
				
				<img src="images/home_left.png" alt="" class="left btn">
				<img src="images/home_right.png" alt="" class="right btn">
				<ul>
					<li class="active"><a href="#"><img src="images/banner_sm1.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm2.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm3.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm4.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm5.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm6.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm7.png" alt=""></a></li>
					<li class=""><a href="#"><img src="images/banner_sm8.png" alt=""></a></li>
				
				</ul>
					<div class="clear"></div>
			</div>
		</section>
		<section class="banner_bot">
			<div class="w1070">
				<a href="">校园电视台联盟</a>
				<a href="">我是艺人</a>
				<a href="">故事剧本</a>
				<a href="">制作技术</a>
				<a href="">制作互动</a>
				<a href="">素材推荐</a>
				<a href="">行业相关</a>
				<a href="">幕后心得</a>
				<a href="">粤文化</a>
				<a href="">站务</a>
				<a href="">优视频</a>
				<a href="">Ur有话说</a>
			</div>
			<div class="clear"></div>
		</section>
		<section class="middle">
			<div class="w1070">
				<div class="top">
					<img src="images/shipingliulan_movie.jpg" alt="" class="movie">
					<div class="right fl">
						<div class="pad">
							<p class="t">每日推荐：《战地4》最新情报，指挥官系统登场</p>
							
							<div class="h80">
								<img src="images/xiaoyuan_sm.png" alt="">
								<div class="fl">
									<p>《战地4》最新情报，指挥官系...</p>
									<p>播放次数：365,562</p>
									<p><a href="">视频详情>></a></p>
								</div>
								
								<div class="bg"></div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="school">
					<p class="title">校园电视台联盟</p>
					<ul>
						<li>
							<img src="images/xiaoyuan_orqing.png" alt="">
							<span>清华大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_qing.png" alt="">
							<span>清华大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_qing.png" alt="">
							<span>清华大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_qing.png" alt="">
							<span>清华大学</span>
						</li>
					
						<li>
							<img src="images/xiaoyuan_bei.png" alt="">
							<span>北京大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_bei.png" alt="">
							<span>北京大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_bei.png" alt="">
							<span>北京大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_bei.png" alt="">
							<span>北京大学</span>
						</li>
						
						<li>
							<img src="images/xiaoyuan_zhong.png" alt="">
							<span>中山大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_zhong.png" alt="">
							<span>中山大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_zhong.png" alt="">
							<span>中山大学</span>
						</li>
						<li>
							<img src="images/xiaoyuan_zhong.png" alt="">
							<span>中山大学</span>
						</li>
						<div class="clear"></div>
					</ul>
					<div class="xian"></div>
				</div>
				
				<div class="cehua">
					<div class="top1">
						<div class="fl one">节目策划</div>
						<div class="fl two"><img src="images/xiaoyuan_cehua1.png" alt=""></div>
						<div class="fl three">
							<p>大四这年所谓毕业季，原本作为一个保研的同学，我应该过的十分悠闲，但往往事与愿违，反倒是在学......</p>
							<a href="">更多内容</a>
						</div>
					</div>
					<div class="bottom">
						<div class="fl one">
							<img src="images/xiaoyuan_cehua2.png" alt="">
							<div>
								<p>大四这年所谓的毕业季，原本作为一个保研的学生...</p>
								<a href="">更多内容</a>
							</div>
						</div>
						<div class="fl one">
							<img src="images/xiaoyuan_cehua3.png" alt="">
							<div>
								<p>大四这年所谓的毕业季，原本作为一个保研的学生...</p>
								<a href="">更多内容</a>
							</div>
						</div>
						<div class="fl one">
							<img src="images/xiaoyuan_cehua4.png" alt="">
							<div>
								<p>大四这年所谓的毕业季，原本作为一个保研的学生...</p>
								<a href="">更多内容</a>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
				
				
				<div class="box3">
					<div class="fl one">
						<p class="title">技术交流</p>
						<ul class="list">
							<li>
								<img src="images/xiaoyuan_skill1.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
							<li>
								<img src="images/xiaoyuan_skill2.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
							<li>
								<img src="images/xiaoyuan_skill3.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
							<li>
								<img src="images/xiaoyuan_skill4.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
						</ul>
						<ul class="list">
							<li>
								<img src="images/xiaoyuan_skill1.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
							<li>
								<img src="images/xiaoyuan_skill2.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
						</ul>
						<ul class="list">
							
							<li>
								<img src="images/xiaoyuan_skill2.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
						</ul>
						<ul class="list">
							<li>
								<img src="images/xiaoyuan_skill1.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
							<li>
								<img src="images/xiaoyuan_skill2.png" alt="">
								<div class="fl">
									<p>裂缝图像效果制作教程</p>
									<p>利用photoshop cs6打造超炫的裂缝效果，首先新建一个600x900的文档...</p>
									<p>2013年8月21日</p>
								</div>									
								<a href="">更多内容</a>
							</li>
						</ul>
						<ul class="circle">
							<li class="active"></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="fl two">
						<p class="title">联盟活动</p>
						<ul>
							<li>
								<img src="images/home5.png" alt="" class="big">
								<div class="">
									<a href=""><img src="images/blue_icon2.png" alt=""></a>
									<p>第七届FIRST青年电影展</p>
									<p>FIRST青年电影展由青海省西宁市人民政府、中国电影评论学会联合举办，旨在将全球颇具探索视角、独立自由...<a href="">[详细]</a></p>
								</div>
							</li>
							<li class="active">
								<img src="images/home6.png" alt="" class="big">
								<div class="">
									<a href=""><img src="images/blue_icon2.png" alt=""></a>
									<p>第七届FIRST青年电影展</p>
									<p>FIRST青年电影展由青海省西宁市人民政府、中国电影评论学会联合举办，旨在将全球颇具探索视角、独立自由...<a href="">[详细]</a></p>
								</div>
							</li>
							<li>
								<img src="images/home7.png" alt="" class="big">
								<div class="">
									<a href=""><img src="images/blue_icon2.png" alt=""></a>
									<p>第七届FIRST青年电影展</p>
									<p>FIRST青年电影展由青海省西宁市人民政府、中国电影评论学会联合举办，旨在将全球颇具探索视角、独立自由...<a href="">[详细]</a></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="fl three">
						<p class="theme">明星台长</p>
						
						<ul class="r_list2">
							<li>
								<img src="images/home_tou1.png" alt="">
								<div class="wenzi">
									<p class="title"><a href="">CLay Li （用户ID）</a></p>
									<p class=""><a href="">忠于党和国家人民</a></p>
									<a href=""><img src="images/guanzhu.png" alt=""></a>
								</div>
							</li>
							<li>
								<img src="images/home_tou2.png" alt="">
								<div class="wenzi">
									<p class="title"><a href="">CLay Li （用户ID）</a></p>
									<p class=""><a href="">忠于党和国家人民</a></p>
									<a href=""><img src="images/guanzhu.png" alt=""></a>
								</div>
							</li>
							<li>
								<img src="images/home_tou3.png" alt="">
								<div class="wenzi">
									<p class="title"> <a href="">CLay Li （用户ID）</a></p>
									<p class=""><a href="">忠于党和国家人民</a></p>
									<a href=""><img src="images/guanzhu.png" alt=""></a>
								</div>
							</li>
							<li>
								<img src="images/home_tou4.png" alt="">
								<div class="wenzi">
									<p class="title"><a href="">CLay Li （用户ID）</a></p>
									<p class=""><a href="">忠于党和国家人民</a></p>
									<a href=""><img src="images/guanzhu.png" alt=""></a>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
						<p class="last"><a href="">换一组</a></p>
						<img src="images/home_right_UR.png" alt="" class="UR">
					</div><div class="clear"></div>
				</div>
			</div>
			
		</section>
		<div class="clear"></div>
		<footer>
			<div class="w1070">Copyright © 2013  URFILM 版权所有</div>
		</footer>
	</body>
</html>
